<!DOCTYPE >
<html lang="en">
<head>
		<title>口袋恋人-<%=data.article.get('title')%></title>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta name="format-detection" content="telephone=no">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="keywords" content=""/>
		<meta name="description" content=""/>
		<meta name="author" content="广州小蚕科技"/>
		<meta http-equiv="X-UA-Compatible" content="edge" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
		<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico">
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
		<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/icon-57.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/icon-72.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/icon-114.png">
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/icon-144.png">
		<script src="/js/public/plugin/jquery-1.9.1.min.js"></script>
		<link rel="stylesheet" type="text/css" href="/css/public/reset.css">
		<style type="text/css">
			body{font-size: 18px;line-height: 1.6;background-color: #eef1f2;}
			h1{font-size: 26px;text-align: center;margin: 0px 0px 20px 0px;}
			h2{margin:10px 0px;}
			.c666{color: #666;}
			.text-intent{text-indent: 2em}
			.header{width:100%;height: 50px;text-align: center;z-index: 1988;position: relative;background: #fff;line-height: 50px;font-size: 20px}
			.header span{color:#ff7088;}
			.header p{position:absolute;bottom: -10px;left: 0px; width: 100%;height: 10px; background: url(/img/share_bg.png) repeat-x;}

			.article_content{max-width: 700px;min-width: 300px;margin: 0 auto;background: #f9f9f9;padding-top: 1px;}
			.article_title_img{width: 100%;}
			.article_title_img img{width: 100%;}

			.article_main{padding: 10px;}
				.article_detail{border-bottom: 1px solid #ddd;height: 40px;margin-bottom: 10px;}
				.article_detail p{width: 33%;float: left;text-align: center;height: 30px;line-height: 30px;}
				.article_detail p i{margin-top: 7px}
					.share_icon{display: inline-block;width: 14px;height: 14px; background: url(/img/icon_share_big.png); background-size: 100%;}
					.comment_icon{display: inline-block;width: 15px;height: 15px;background: url(/img/icon_comment_big.png);background-size: 100%;}
					.like_icon{margin-top: 7px!important; display: inline-block;width: 17px;height: 16px;background: url(/img/icon_like_big.png);background-size: 100%;}
				.article_detail p span{vertical-align: top;display: inline-block;margin-left:8px;font-size: 16px }
					.icon_text{color: #bfc0c4;font-weight: bold;}
					.article_num{color: #eee;font-size: 20px;}
				.user_img{width: 100%; display: inline-block;margin: 5px 0px;}

			.article_title{margin-bottom: 20px;}
			.article_title p{width:100%;text-align: center; font-size:16px;color:#999;line-height: 2em;font-style:italic;}
			.item p{color: #666;text-indent: 2em}
			.item img{width: 100%;}
			.foot_view{display: block;width:100%;max-width:640px; margin: 0px auto;}
			.item hr{margin:20px 0px;width: 100%;border:none; border-top:1px solid #ddd;}
			.item span{display: block;width:100px;height:40px;border-radius:20px;margin: 0px auto;background: #fb7389;line-height: 40px;text-align:center;color:#fff; }

			.footer{position: fixed;bottom: 0px; width: 100%;height: 60px;background:#000;opacity: 0.7;}
			.footer .img1{float: left;margin: 10px 0px 0px 20px;display: inline-block;width: 120px ;height: 42px}
			.footer .img2{margin: 20px 20px 0px 0px;float: right;display: inline-block;width: 74px ;height: 24px}
		</style>
		<script type="text/javascript">
			oWap={
				operation:function() {
					$(".img2").on("click",function(){
						if(navigator.userAgent.indexOf('iPhone') != -1) {
							window.location="https://itunes.apple.com/cn/app/id957185702?mt=8";
						}else{
							window.location="http://a.app.qq.com/o/simple.jsp?pkgname=com.pocketsweet";
						}
					})
				},
				init:function(){
					this.operation();
					$(".article_title").html($(".article_title")[0].innerText);
					$(".article_user").html($(".article_user")[0].innerText);
					$(".article_user").find("span").on('click',function(){
						if(navigator.userAgent.indexOf('iPhone') != -1) {
							window.location="https://itunes.apple.com/cn/app/id957185702?mt=8";
						}else{
							window.location="http://a.app.qq.com/o/simple.jsp?pkgname=com.pocketsweet";
						}
					})
				}
			}
			$(document).ready(function(){
				oWap.init();				
			})

		</script>
</head>
<body>
	<div class="header">
		这篇棒棒哒专题来自
		<span>口袋恋人</span>
		<p></p>
	</div>
	<div class="article_content">
		<div class="article_title_img">
			<img src="<%=data.article.get("title_img").url()%>">
		</div>
		<div class="article_main">
			<div class="article_title_content">
				<h1 ><%=data.article.get('title')%></h1>
				<div class="article_detail">
					<p style="border-right:1px solid #f0f0f0">
						<i class="share_icon"></i><span class="icon_text">转发</span><span class="article_num"><%=data.article.get('shareCount')%></span>
					</p>
					<p style="border-right:1px solid #f0f0f0">
						<i class="comment_icon"></i><span class="icon_text">评论</span><span class="article_num"><%=data.article.get('commentCount')%></span>
					</p>
					<p>
						<i class="like_icon"></i><span class="icon_text">喜欢</span><span class="article_num"><%=data.article.get('likeCount')%></span>
					</p>
				</div>
				<div >
					<div class="article_title">
						<%=data.article.get("italicText")%>
					</div>
					<p class="c666 text-intent"><%=data.article.get("intro")%></p>
					<div class="article_user">
					<%=data.article.get("userContent")%>
					</div>
				</div> 

			</div>
		</div>
		<img class="foot_view" src="/img/foot_view.png ">
	</div>
	<div class="footer">
		<img class="img1" src="/img/wap_icon_big.png">
		<img class="img2" src="/img/download_icon_big.png">
				
	</div>
</body>
</html>